// import { ref, computed,reactive } from 'vue'
// import { defineStore } from 'pinia'

// export const useCounterStore = defineStore('counter', () => {
//   const canvasComList =reactive([]) //定义拖拽的空数组
//   // const getCanvasComList = (obj: any) => {
//   //   canvasComList.value.push(obj) //添加数据
//   //   console.log(canvasComList,"残酷");

//   // }
//   const currentCom = ref<any>({})
//   const setCurrentComponent = (id: any) => {
//     const obj = canvasComList.value.find((item) => item.id === id)
//     currentCom.value = obj
//   }
//   //组件爱你样式
//   const setStyle = (id: any, key: any, value: any) => {
//     const obj = canvasComList.value.find((item) => item.id === id)
//     obj.style[key] = value
//   }

//   return {
//     canvasComList,
//     // getCanvasComList,
//     currentCom,
//     setCurrentComponent,
//     // codeCurrentCom,
//     setStyle
//   }
// })

//  canvasComponents: [],
//   currentComponentId: null,
